<template>
    <div>
      <!-- <Tiele></Tiele> -->
      <LoginComponent v-if="!$store.state.user.status"></LoginComponent>
      <Personal_Center_Component  v-if="$store.state.user.status"></Personal_Center_Component>
    </div>
  </template>
  
  <script>
// import Tiele from './user_subassembly/title.vue'
import LoginComponent from './user_subassembly/login_page/Login.vue'
import Personal_Center_Component from './user_subassembly/personal_center_page/personal_center.vue'

  export default {
    name: 'user_page',
    data () {
      return{
        msg:'user',
        flag:true
      }
    },
    mounted(){
      // this.$bus.$on('is_login_ok',(data)=>{
      //   if(data){
      //     this.flag=false;
      //   }
      // })
    },
    components:{
      // Tiele,
      LoginComponent,
      Personal_Center_Component
    }
}
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>

  
  </style>
  